/*
	Innana CSS
	18 used colors: 
	10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
	4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
	2 yellows: #f8e1a0 #f9e400
	1 green: #488c40
	1 red: #da0f00
*/
* {
	padding: 0;
	margin: 0
}

body {
	background-color: #f5f6f7;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #5d717e;
	text-align: center;
}

div#header
{
	width: 100%;
	min-height: 125px;
	text-align: left;
	margin: 0 0 10px 0;
	background: url('../img/header_bg.png') repeat-x top left;
}

#header_logo {
	float: left;
	width: 264px;
	display: block;
	padding: 10px 0 0 25px;
}

#header_right {
	float: left;
	margin-bottom: 15px;
	margin-top: 30px;
	width: 70%;
	text-align: right;
}

div#navBar
{
	padding: 0 0 10px 0;
	width: 100%;
	text-align: left;
	margin: 0 0 0 0;
}

div#footer
{
	border: none;
	width: 100%;
	text-align: left;
	min-height: 95px;
	margin: 0;
	padding: 0;
	background: transparent url('../img/footer_bg.png') repeat-x bottom left;
}

/* Default block style */
#left_column div.block,#right_column div.block {
	padding-bottom: 20px;
	background: transparent url('../img/innana_block_footer.png') no-repeat bottom left;
}
div.block h4 {
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 0.5em;
	/*border-bottom: 1px solid #595A5E;*/
	border-bottom: none;
	padding-top: 0px;
	line-height: 2.0em;
	/*color: #374853;*/
	color: #626262;
	height: 30px;
	background: transparent url('../img/innana_block_header.png') no-repeat top left;
}
div.block h4 a { color: #626262 }
div.block .block_content { /*border-left: 1px #d0d3d8;
	border-right: 1px #d0d3d8;*/
	border-left: none;
	border-right: none;
	padding: 5px 0.7em 10px 0.7em;
	background: transparent url('../img/innana_block_bg.png') top left repeat-y;
	min-height: 16px;
	color: #375583;
	padding-left: 10px;
}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
	background: transparent url('../img/innana_block_exclusive_footer.png') no-repeat bottom left
}
div.exclusive h4 {
	background: transparent url('../img/innana_block_header_exclusive.png') no-repeat top left;
	color: white
}
div.exclusive h4 a { color: white }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: white }
div.exclusive .block_content {
	background: #bdc2c9 url('../img/innana_block_exclusive_bg.png') repeat-y top left;
	/*border-left: 1px solid #595a5e;*/
	/*border-right: 1px solid #595a5e*/
	border-left: none;
	border-right: none;
}

/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
	background-position: left -18px
}

/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
	width: 30px;
	background-image: url('../img/button-mini.png')
}
input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
	width: 60px;
	background-image: url('../img/innana-button-small.png')
}
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
	width: 69px;
	background-image: url('../img/innana-button-medium.png')
}
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
	width: 131px;
	background-image: url('../img/innana-button-large.png')
}
input.gold, a.gold, span.gold {
	/* Gold button*/
	color: #444444!important;
	background-image: url('../img/innana-button-medium-gold.png') !important;
}

/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	color: #ebebeb!important;
	font-weight: bold;
	font-size: 10px!important;
	text-align: center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	height: 18px
}

/* Center Home Featured Products */
/* ### OVERRIDE ### : Special style for block products in center column */
#center_column .home_featured 
{ 
	border: none;
	padding-bottom: 41px!important;
	background: transparent url('../img/block_homefeature_footer_large.png') no-repeat bottom left; 
}
#center_column .home_featured { color: #595a5e }
#center_column .home_featured h4 
{ 
	color: #ffde2f!important;
	line-height: 2.0em;
	height: 54px!important;
	background: transparent url('../img/block_homefeature_header_large.png') no-repeat top left!important;
}
#center_column .home_featured .block_content {
	/*background: #d0d3d8 none;*/
	background: transparent url('../img/block_homefeature_bg_large.png') repeat-y top left!important;
	padding: 0 20px;
}
#center_column .home_featured ul { width: 100%;}
#center_column .home_featured ul li:hover { background-color: #bdc2c9 }
#center_column .home_featured ul li {
	float: left;
	background-color: white;
	margin-top: 0;
	padding: 0 0 1px;
	width: 133px;
	border-right: 1px solid #DDDDDD;
	border-bottom: none;
}
#center_column .home_featured ul .product_accessories_description {
	margin: 0;
	padding: 0;
	height: 280px
}
#center_column .home_featured a.product_image {
	display: block;
	background-color: transparent;
	margin-bottom: 2px;
	margin-left: 2px;
	width: 129px;
	height: 129px;
	padding-left: 55px;
}

/* Price */
.price, .price-shipping, .price-wrapping {
	color: #FF6C02!important;
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap
}

/* Footer */
#footer {
	border-top: 1px solid #d0d3d8;
	padding: 0.5em 0;
	clear: both
}

#footer .block_various_links {
	list-style: none;
	color: white;
}

#footer .block_various_links li a {
	text-decoration: none;
	color: white;
}

#footer .block_various_links li {
	display: inline;
	border-left: 1px solid #888;
	padding: 0 2px 0 4px
}

#footer .block_various_links li.first_item {
	border: none;
	padding-left: 0
}

/* block top user information */
#header_user p,#header_user a {
	color: white;
}

/* breadcrumb.tpl */
.breadcrumb a {
	text-decoration: none;
	color: black
}

/* block top currencies */
#header_right #currencies_block_top {
	margin: 0.4em 0.5em 0 0;
	float: left;
	width: 8em;
	text-align: left
}

#header_right #currencies_block_top ul li {
	float: left;
	margin-right: 0.2em;
	margin-bottom: 2px
}

#header_right #currencies_block_top ul li a {
	display: block;
	font-size: 0.8em;
	background-color: #f1f2f4;
	border: #595a5e 1px solid;
	text-decoration: none;
	min-width: 1em;
	padding: 0 2px 0 3px;
	line-height: 1.5em;
	text-align: center;
	vertical-align: middle
}

#header_right #currencies_block_top ul li a:hover {
	background-color: white;
	color: black
}

#header_right #currencies_block_top ul li.selected a {
	border: none;
	background-color: transparent;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	color: black;
	border: 1px solid white
}

#header_right #currencies_block_top p {
	clear: left
}

/*===== Webboard Module =========*/
div#my-webboard
{
	width: 561px;
	padding-top: 10px;
}* html div#my-webboard{ position: relative; left: -3px;}
div#my-webboard h4
{
	width:100%;
	height: 80px;
	padding: 0 0;
	background: transparent url('../img/innana_wb_header.png') no-repeat top left;
}
/* topic editor header*/
div#my-webboard h4.editor_header_new_topic,
div#my-webboard h4.editor_header_reply
{
	width:100%;
	padding: 20px 0 0 20px;
	height: 60px;
}
div#my-webboard h4.editor_header_new_topic span
{
	width:134px;
	height:35px;
	text-decoration:none;
	display:block;
	background: transparent url('../img/innana_wb_newtopic_icon.png') no-repeat top left;
}
div#my-webboard h4.editor_header_reply span
{
	width:81px;
	height:35px;
	text-decoration:none;
	display:block;
	background: transparent url('../img/innana_wb_reply_icon.png') no-repeat top left;
}
div#my-webboard form#post-msg-form
{
	width: 100%;
}
div#my-webboard form#post-msg-form fieldset
{
	width: 100%;
	padding: 10px;
	border: none;
	background: transparent url('../img/innana_wb_bg.png') repeat-y top left;
}	
div#my-webboard form#post-msg-form input.submit_post_button
{
	width: 131px;
	height: 38px;
	border: none;
	color: white;
	font-weight: bold;
	font-size: 10px;
	*font-size: 15px;	
	background: transparent url('../img/innana_wb_submit_post_button.png') no-repeat top left;
}
div#my-webboard a.reply_button
{
	margin: 0 0 0 15px;
	width:131px;
	height:38px;
	text-decoration:none;
	display:block;
	background: transparent url('../img/innana_wb_postreply_button.png') no-repeat top left;
}
div#my-webboard form#post-msg-form input:disabled
{
	border: none;
	background-color: transparent;
	color: #5F5F5F;
	font-weight: bold; 
}
div#my-webboard form#post-msg-form label
{
	color: white;
	font-weight: bold;
}
div#my-webboard form#post-msg-form .required_field_marker
{
	color: #ffa024;
}
/* //topic editor header*/
div#my-webboard ul.block_content li.title-bar,
div#my-webboard ul.block_content li.title-bar:hover
{
	width:100%;
	height: 25px;
	padding-left: 40px;
	color: white;
	font-weight:bold;
	line-height: 20px;
	/*background: transparent url('../img/wb_title_bar.png') no-repeat top left;*/
}* html div#my-webboard ul.block_content li.title-bar{width: 561px;padding-left: 0px}
div#my-webboard ul.block_content
{
	width: 100%;
	/*min-height: 600px;*/
	padding: 0 0;
	list-style: none;
	background: transparent url('../img/innana_wb_bg.png') repeat-y top left;
}
div#my-webboard ul.block_content li,
div#my-webboard ul.block_content li:hover
{
	width: 100%;
	height: 53px;
	padding-top: 1px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	vertical-align: text-top;
}
div#my-webboard ul.block_content li
{
	/*background: transparent url('../img/wb_topic_bar.png') no-repeat top left;*/
}
div#my-webboard ul.block_content li.topic_row:hover
{
	color: black!important;
	background: transparent url('../img/innana_wb_bg_gray.png') repeat-y top left;
}
div#my-webboard ul.block_content li div
{
	float: left;
	padding: 0 5px;
	font-size: 10px;
}
/* topic styles */
/* @see width of #center_column => 556px */
div#my-webboard ul.block_content li div.topic_logo
{
	width: 25px;
}
div#my-webboard ul.block_content li.topic_row
{
	color:white;
	padding-left: 20px;
	padding-bottom: 0px;
}
div#my-webboard ul.block_content li.topic_row div.topic_row_wrapper
{
	width: 90%;
	/*border-top: 1px solid white;*/
	border-bottom: 1px solid white;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
div#my-webboard ul.block_content li.topic_row div.topic_logo{ margin-top: 15px; }
div#my-webboard ul.block_content li.topic_row div.pin
{
	width: 20px;
	height:20px; 
	margin-left: 5px;
	padding-right: 0px;
	background:transparent url('../img/pin.png') no-repeat top left; 
}
div#my-webboard ul.block_content li.topic_row div.unpin
{
	/*
	width: 25px;
	height:25px; 
	margin-left: 5px;
	padding-right: 0px;
	background:transparent url('../img/chat-icon25x25.png') no-repeat top left;*/ 
}
div#my-webboard ul.block_content li.topic_row div.today_topic
{
	/*
	width: 25px;
	height:25px; 
	margin-left: 5px;
	padding-right: 0px;
	background:transparent url('../img/chat-icon-new25x25.png') no-repeat top left;*/
}
div#my-webboard ul.block_content li div.topic
{
	width: 150px;
	height: auto;
	text-align: left;
}
div#my-webboard ul.block_content li div.topic a
{
	line-height: 30px;
}
div#my-webboard ul.block_content li div.topic .admin_panel
{
	padding: 0 3px;
	margin: 0 0;
}
div#my-webboard ul.block_content li div.topic .admin_panel a.pin,
div#my-webboard ul.block_content li div.topic .admin_panel a.unpin,
div#my-webboard ul.block_content li div.topic .admin_panel a.delete
{
	float: left;
	width:20px;
	height:20px;
	text-decoration:none;
	display:block;
}
div#my-webboard ul.block_content li div.topic .admin_panel a.pin
{
	background: transparent url('../img/pin.png') no-repeat top left;
}
div#my-webboard ul.block_content li div.topic .admin_panel a.unpin
{
	background: transparent url('../img/unpin.png') no-repeat top left;
}
div#my-webboard ul.block_content li div.topic .admin_panel a.delete
{
	background: transparent url('../img/delete.png') no-repeat top left;
}



div#my-webboard ul.block_content li.topic_row div.topic{ margin-top: 5px; font-size: 11px; }
div#my-webboard ul.block_content li div.replies
{
	text-align: center;
	width: 45px;
}
div#my-webboard ul.block_content li.topic_row div.replies{ margin-top: 15px; }
div#my-webboard ul.block_content li div.views
{
	text-align: center;
	width: 35px;
}
div#my-webboard ul.block_content li.topic_row div.views{ margin-top: 15px; }
div#my-webboard ul.block_content li div.post_info
{
	text-align: left;
	width: 170px;
}
div#my-webboard ul.block_content li.topic_row div.post_info{ margin-top: 5px; }
div#my-webboard ul.block_content li.space
{
	width: 100%;
	height: 3px;
	padding: 0 0;
	background: transparent url('../img/innana_wb_bg.png') repeat-y top left;
}
div#my-webboard ul.block_content li div.post_info p.author,
div#my-webboard ul.block_content li div.post_info p.posted
{
	padding: 0 0;
	margin: 0 0;
}

div#my-webboard ul.block_content li a
{
	color:white;
	cursor: pointer;
}
div#my-webboard ul.block_content li:hover a
{
	color: black!important;
}
/* topic and its replies table */
div#my-webboard div.topic_title
{	
	width:100%;
	height: 25px;
	padding: 0 0 0 10px;
	vertical-align: top;
	color: white;
	font-weight:bold;
	line-height: 20px;
	background: transparent url('../img/wb_title_bar.png') no-repeat top left;
}
div#my-webboard div.block_content_wrapper
{
	text-align: center;
	background: transparent url('../img/innana_wb_bg.png') repeat-y top left!important;
	/*
	background-color: #E5E9EC;	
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	
	*/
	text-align: center;
	width: 556px;
	
}
div#my-webboard table.block_content
{
	margin: 0 auto;
	text-align: left;
	width: 530px;
	border-top:1px #438ECE solid;
	border-bottom:1px #999999 solid;
	
}
div#my-webboard table.block_content tr.topic_title td
{
	word-wrap: break-word; 
	width: 300px;
	*width: 500px;/* IE Hack*/
 	max-width:450px;
	min-height: 51px!important;
	padding: 5px 5px 5px 10px;
	color: white;
	font-weight:bold;
	text-align:left;
	vertical-align: top;
	/*
	border-left: 1px #438ECE solid;
	border-right:1px #438ECE solid;
	*/
	border-bottom:1px #438ECE solid;	
	background: #B3E1FF url('../img/wb_full_topic_title_bar.png') repeat-x bottom left;
} 
div#my-webboard table.block_content tr.posted_content
{
	background: transparent url('../img/innana_wb_bg.png') repeat-y top left!important;
}
div#my-webboard table.block_content tr.posted_content td.post_info
{
	text-align:left;
	padding-left: 3px;
	padding-right: 5px;
	min-height: 53px!important;
	width: 200px;
	vertical-align: top;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	background-color: #F9F9F9!important;
	background-image: none!important;
	/*background: #F9F9F9 url('../img/innana_wb_bg.png') repeat-x bottom left;*/
}
div#my-webboard table.block_content tr.posted_content td.topic_content_and_reply
{
	word-wrap: break-word; 
	width:358px;
	max-width: 358px;
	text-align: left;
	vertical-align: top;
	padding: 0px 15px 5px 20px;
	min-height: 53px!important;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	background: white url('../img/wb_content_bar_bg_white.png') repeat-x bottom left;
}	
div#my-webboard div.footer
{
	width: 100%;
	height: 40px;
	padding: 0 0px;
	background: transparent url('../img/innana_wb_footer.png') no-repeat top left;
	line-height: 20px;
	text-indent: 10px;
	color: white;
}
div#my-webboard div.footer a
{
	color: white;
}
div#my-webboard h4 div.webboard_icon
{
	float: left;
	padding: 20px 0 0 20px;
}
div#my-webboard h4 div.webboard_icon a
{
	width:134px;
	height:34px;
	text-decoration:none;
	display:block;
	background: transparent url('../img/innana_wb_webboard_icon.png') no-repeat top left;
}
div#my-webboard h4 div.new_topic
{
	float: right;
	padding: 20px 20px 0 0;	
}
div#my-webboard h4 div.new_topic a
{
	width:131px;
	height:38px;
	text-decoration:none;
	display:block;
	background: transparent url('../img/innana_wb_create_new_topic.png') no-repeat top left;
}*:first-child+html div#my-webboard div.footer div.new_topic a{font-size: 10px;line-height:14px;} * html div#my-webboard div.footer div.new_topic a{font-size: 10px;line-height:14px;}
div#my-webboard div#webboard-pagination
{
	float: left;
	padding-left: 20px;
}
